<!--
 * @Author: your name
 * @Date: 2021-08-03 20:46:56
 * @LastEditTime: 2021-08-10 21:07:17
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \niushop\src\views\index.vue
-->
<template>
  <div class="box">

        <router-view></router-view>

       <div class="ddbb"></div> 
    <van-tabbar
     v-model="active"
     active-color="#07c160"
     route
  
>
  <van-tabbar-item icon="home-o" replace to="/home/shouye">首页</van-tabbar-item>
  <van-tabbar-item icon="apps-o" replace to="/home/fenlei">分类</van-tabbar-item>
  <van-tabbar-item icon="cart-o" replace to="/home/gouwuche"  :badge="$store.state.badge" >购物车</van-tabbar-item>
  <van-tabbar-item icon="contact" replace to="/home/wode">我的</van-tabbar-item>
</van-tabbar>
    
  </div>
</template>

<script>

export default {
    
    data(){
      return{
        value:"",
        active: 0,
       
     
      }
    },
 
   
}
</script>

<style scoped>
  .ddbb{
    height: 60px;
  }
  .box{
    height: 100%;
    position: relative;
  }
</style>
